<!doctype html>
<html lang="en"xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    <title>Tiny Dashboard - A Bootstrap Dashboard Template</title>
    <!-- Simple bar CSS -->
    <link rel="stylesheet" th:href="@{/dash/css/simplebar.css}">
    <!-- Fonts CSS -->
<!--    <link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">-->
    <!-- Icons CSS -->
    <link rel="stylesheet" th:href="@{/dash/css/feather.css}">
    <!-- Date Range Picker CSS -->
    <link rel="stylesheet" th:href="@{/dash/css/daterangepicker.css}">
    <!-- App CSS -->
    <link rel="stylesheet" th:href="@{/dash/css/app-light.css}" id="lightTheme">
    <link rel="stylesheet" th:href="@{/dash/css/app-dark.css}" id="darkTheme" disabled>
  </head>
  <body class="vertical  light  ">
    <div class="wrapper">
      <nav th:fragment="topnav" class="topnav navbar navbar-light" >
        <button type="button" class="navbar-toggler text-muted mt-2 p-0 mr-3 collapseSidebar">
          <i class="fe fe-menu navbar-toggler-icon"></i>
        </button>
        <form class="form-inline mr-auto searchform text-muted">
          <input class="form-control mr-sm-2 bg-transparent border-0 pl-4 text-muted" type="search" placeholder="Type something..." aria-label="Search">
        </form>
        <ul class="nav">
          <li class="nav-item">
            <a class="nav-link text-muted my-2" href="#" id="modeSwitcher" data-mode="light">
              <i class="fe fe-sun fe-16"></i>
            </a>
          </li>
          <li class="nav-item nav-notif">
<!--          <li class="nav-item" th:classappend="${session.userCart!=null?(session.userCart.size()>0?'nav-notif':''):''}">-->
            <a class="nav-link text-muted my-2" id="cartbag" href="./#" data-toggle="modal" data-target="#cartModal">
              <span class="fe fe-shopping-cart fe-16"></span>
              <span class="dot dot-md bg-success" id="cartTmp" style="display: none;"></span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-shortcut">
              <span class="fe fe-grid fe-16"></span>
            </a>
          </li>
          <li class="nav-item nav-notif">
            <a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-notif">
              <span class="fe fe-bell fe-16"></span>
              <span class="dot dot-md bg-success"></span>
            </a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle text-muted pr-0" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span class="avatar avatar-sm mt-2">
                <img shiro:guest="" th:src="@{/img/blog/c3.jpg}" alt="..." class="avatar-img rounded-circle">
                <img shiro:authenticated="" th:src="${session.user.file}" alt="..." class="avatar-img rounded-circle">
              </span>
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="#" shiro:authenticated="" th:text="'用户:'+${session.user.username}"></a>
              <a class="dropdown-item" shiro:authenticated="" th:href="@{/user/detail(userId=${session.user.id})}">个人资料</a>
              <a class="dropdown-item" href="#">设置</a>
              <a class="dropdown-item" href="/login">登陆</a>
              <a class="dropdown-item" href="/logout">注销</a>
            </div>
          </li>
        </ul>
      </nav>
      <aside th:fragment="aside" class="sidebar-left border-right bg-white shadow" id="leftSidebar" data-simplebar>
        <a href="#" class="btn collapseSidebar toggle-btn d-lg-none text-muted ml-2 mt-3" data-toggle="toggle">
          <i class="fe fe-x"><span class="sr-only"></span></i>
        </a>
        <nav class="vertnav navbar navbar-light">
          <!-- nav bar -->
          <div class="w-100 mb-4 d-flex">
            <a class="navbar-brand mx-auto mt-2 flex-fill text-center" href="./index.html">
              <svg version="1.1" id="logo" class="navbar-brand-img brand-sm" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve">
                <g>
                  <polygon class="st0" points="78,105 15,105 24,87 87,87 	" />
                  <polygon class="st0" points="96,69 33,69 42,51 105,51 	" />
                  <polygon class="st0" points="78,33 15,33 24,15 87,15 	" />
                </g>
              </svg>
            </a>
          </div>
          <ul class="navbar-nav flex-fill w-100 mb-2 show">
            <li class="nav-item dropdown show">
              <a href="#dashboard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-home fe-16"></i>
                <span class="ml-3 item-text">后台</span><span class="sr-only">(current)</span>
              </a>
              <ul class="collapse list-unstyled pl-4 w-100 show" id="dashboard">
                <li class="nav-item active">
                  <a class="nav-link pl-3" href="/dashboard"><span class="ml-1 item-text">后台首页</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="/dashboard/pick"><span class="ml-1 item-text">收银台</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="/dashboard/indents"><span class="ml-1 item-text">销售情况</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="/dashboard/stock"><span class="ml-1 item-text">库存情况</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link pl-3" href="/dashboard/loss"><span class="ml-1 item-text">损耗情况</span></a>
                </li>
              </ul>
            </li>
          </ul>

          <p class="text-muted nav-heading mt-4 mb-1">
            <span>商品管理</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#item" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-book fe-16"></i>
                <span class="ml-3 item-text">商品</span>
              </a>
              <ul class="show collapse list-unstyled pl-4 w-100" id="item">
                <a class="nav-link pl-3" href="/item/list" shiro:hasPermission="'item:list'">
                  <span class="ml-1">商品一览</span></a>
                <a class="nav-link pl-3" href="/item/toAdd" shiro:hasPermission="'item:add'">
                  <span class="ml-1">添加商品</span></a>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#catalog" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-layers fe-16"></i>
                <span class="ml-3 item-text">分类</span>
                <span class="badge badge-pill badge-secondary">New</span>
              </a>
              <ul class="show collapse list-unstyled pl-4 w-100" id="catalog">
                <a class="nav-link pl-3" href="/catalog/list" shiro:hasPermission="'catalog:list'">
                  <span class="ml-1">分类一览</span></a>
                <a class="nav-link pl-3" href="/catalog/toAdd" shiro:hasPermission="'catalog:add'">
                  <span class="ml-1">添加分类</span></a>
              </ul>
            </li>

          </ul>


          <p class="text-muted nav-heading mt-4 mb-1">
            <span>用户管理</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <a href="#user" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-user fe-16"></i>
                <span class="ml-3 item-text">用户</span>
                <span class="badge badge-pill badge-danger">New</span>
              </a>
              <ul class="show collapse list-unstyled pl-4 w-100" id="user">
                <a class="nav-link pl-3" href="/user/list" shiro:hasPermission="'user:list'">
                  <span class="ml-1">用户一览</span></a>
                <a class="nav-link pl-3" href="/user/toAdd" shiro:hasPermission="'user:add'">
                  <span class="ml-1">添加用户</span></a>
              </ul>
            </li>
            <li class="nav-item dropdown">
              <a href="#auth" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-shield fe-16"></i>
                <span class="ml-3 item-text">权限</span>
              </a>
              <ul class="show list-unstyled pl-4 w-100 collapse" id="auth" style="">
                <a class="nav-link pl-3" href="/role/list" shiro:hasPermission="'role:list'">
                  <span class="ml-1">权限一览</span></a>
                <a class="nav-link pl-3" href="/role/toAdd" shiro:hasPermission="'role:add'">
                  <span class="ml-1">权限添加</span></a>
              </ul>
            </li>

          </ul>

          <p class="text-muted nav-heading mt-4 mb-1">
            <span>订单管理</span>
          </p>
          <ul class="navbar-nav flex-fill w-100 mb-2">
            <li class="nav-item dropdown">
              <!--      这个a标签的href要匹配下面ul的id        -->
              <a href="#indents" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
                <i class="fe fe-file fe-16"></i>
                <span class="ml-3 item-text">订单</span>
                <span class="badge badge-pill badge-primary">New</span>
              </a>
              <ul class=" collapse list-unstyled pl-4 w-100 w-100" id="indents">
                <li class="nav-item" shiro:hasPermission="'indent:list'">
                  <a class="nav-link pl-3" href="/indent/list">
                    <span class="ml-1 item-text">订单一览</span>
                  </a>
                </li>
                <!--   底部加商品未做 很麻烦 而且不是电商 不要了     -->
                <!--                <li class="nav-item" shiro:hasPermission="'indent:add'">-->
                <!--                  <a class="nav-link pl-3" href="/indent/toAdd">-->
                <!--                    <span class="ml-1 item-text">订单添加</span>-->
                <!--                  </a>-->
                <!--                </li>-->
              </ul>
            </li>
          </ul>

          <p class="text-muted nav-heading mt-4 mb-1">
            <span>超市</span>
          </p>
          <div class="btn-box w-100 mt-4 mb-1">
            <a href="/index" target="_blank" class="btn mb-2 btn-primary btn-lg btn-block">
              <i class="fe fe-shopping-cart fe-12 mx-2"></i><span class="small">购物</span>
            </a>
          </div>
        </nav>
      </aside>
      <main role="main" class="main-content">
        <div th:fragment="fluid" class="container-fluid">
          <div class="row justify-content-center">
            <div class="col-12">
              <h1 class="page-title">Let's start</h1>
            </div> <!-- .col-12 -->
          </div> <!-- .row -->
        </div> <!-- .container-fluid -->
        <div th:fragment="modal1" class="modal fade modal-notif modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="defaultModalLabel">通知</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <div class="list-group list-group-flush my-n3">
                  <th:block th:if="${session.notice!=null}">
                    <div class="list-group-item bg-transparent" th:each="tmp:${session.notice}">
                      <div class="row align-items-center">
                        <div class="col-auto">
                          <span class="fe fe-box fe-24"></span>
                        </div>
                        <div class="col">
                          <small><strong th:text="${tmp.itemName}"></strong></small>
                          <div class="my-0 text-danger" th:text="'库存不足! 库存:'+ ${tmp.inventory}"></div>
                          <small class="badge badge-pill badge-light text-muted">3分钟之前</small>
                        </div>
                      </div>
                    </div>
                  </th:block>
<!--                  <div class="list-group-item bg-transparent">-->
<!--                    <div class="row align-items-center">-->
<!--                      <div class="col-auto">-->
<!--                        <span class="fe fe-box fe-24"></span>-->
<!--                      </div>-->
<!--                      <div class="col">-->
<!--                        <small><strong>Package has uploaded successfull</strong></small>-->
<!--                        <div class="my-0 text-muted small">Package is zipped and uploaded</div>-->
<!--                        <small class="badge badge-pill badge-light text-muted">1m ago</small>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="list-group-item bg-transparent">-->
<!--                    <div class="row align-items-center">-->
<!--                      <div class="col-auto">-->
<!--                        <span class="fe fe-download fe-24"></span>-->
<!--                      </div>-->
<!--                      <div class="col">-->
<!--                        <small><strong>Widgets are updated successfull</strong></small>-->
<!--                        <div class="my-0 text-muted small">Just create new layout Index, form, table</div>-->
<!--                        <small class="badge badge-pill badge-light text-muted">2m ago</small>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="list-group-item bg-transparent">-->
<!--                    <div class="row align-items-center">-->
<!--                      <div class="col-auto">-->
<!--                        <span class="fe fe-inbox fe-24"></span>-->
<!--                      </div>-->
<!--                      <div class="col">-->
<!--                        <small><strong>Notifications have been sent</strong></small>-->
<!--                        <div class="my-0 text-muted small">Fusce dapibus, tellus ac cursus commodo</div>-->
<!--                        <small class="badge badge-pill badge-light text-muted">30m ago</small>-->
<!--                      </div>-->
<!--                    </div> &lt;!&ndash; / .row &ndash;&gt;-->
<!--                  </div>-->
                  <div class="list-group-item bg-transparent">
                    <div class="row align-items-center">
                      <div class="col-auto">
                        <span class="fe fe-link fe-24"></span>
                      </div>
                      <div class="col">
                        <small><strong>链接已附加到菜单</strong></small>
                        <div class="my-0 text-muted small">新布局已附加到菜单</div>
                        <small class="badge badge-pill badge-light text-muted">1h ago</small>
                      </div>
                    </div>
                  </div> <!-- / .row -->
                </div> <!-- / .list-group -->
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Clear All</button>
              </div>
            </div>
          </div>
        </div>
        <div th:fragment="modal2" class="modal fade modal-shortcut modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="defaultModalLabel">捷径</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body px-5">
                <div class="row align-items-center">
                  <div class="col-6 text-center">
                    <div class="squircle bg-success justify-content-center">
                      <i class="fe fe-cpu fe-32 align-self-center text-white"></i>
                    </div>
                    <p>控制区</p>
                  </div>
                  <div class="col-6 text-center">
                    <div class="squircle bg-primary justify-content-center">
                      <i class="fe fe-activity fe-32 align-self-center text-white"></i>
                    </div>
                    <p>活动</p>
                  </div>
                </div>
                <div class="row align-items-center">
                  <div class="col-6 text-center">
                    <div class="squircle bg-primary justify-content-center">
                      <i class="fe fe-droplet fe-32 align-self-center text-white"></i>
                    </div>
                    <p>Droplet</p>
                  </div>
                  <div class="col-6 text-center">
                    <div class="squircle bg-primary justify-content-center">
                      <i class="fe fe-upload-cloud fe-32 align-self-center text-white"></i>
                    </div>
                    <p>上传</p>
                  </div>
                </div>
                <div class="row align-items-center">
                  <div class="col-6 text-center">
                    <div class="squircle bg-primary justify-content-center">
                      <i class="fe fe-users fe-32 align-self-center text-white"></i>
                    </div>
                    <p>用户</p>
                  </div>
                  <div class="col-6 text-center">
                    <div class="squircle bg-primary justify-content-center">
                      <i class="fe fe-settings fe-32 align-self-center text-white"></i>
                    </div>
                    <p>设置</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 购物车Modal -->
        <div th:fragment="cartModal" class="modal fade" id="cartModal" tabindex="-1" role="dialog" aria-labelledby="cartModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="cartModalLabel">购物车</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body"> 购物车内容<br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui
                urna, cursus mollis cursus vitae, fringilla vel augue. In vitae dui ut ex fringilla
                consectetur. Sed vulputate ante arcu, non vehicula mauris porttitor quis. Praesent tempor
                varius orci sit amet sodales. Nullam feugiat condimentum posuere. Vivamus bibendum mattis
                mi, vitae placerat lorem sagittis nec. Proin ac magna iaculis, faucibus odio sit amet,
                volutpat felis. Proin eleifend suscipit eros, quis vulputate tellus condimentum eget.
                Maecenas eget dui velit. Aenean in maximus est, sit amet convallis tortor. In vel bibendum
                mauris, id rhoncus lectus. Suspendisse ullamcorper bibendum tellus a tincidunt. Donec
                feugiat dolor lectus, sed ullamcorper ante rutrum non. Mauris vestibulum, metus sit amet
                lobortis fringilla, dui est venenatis ligula, a euismod sem augue vel lorem. Nunc feugiat
                eget tortor vel tristique. Mauris lobortis efficitur ligula, et consectetur lectus maximus
                sed. </div>
              <div class="modal-footer">
                <button type="button" class="btn mb-2 btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn mb-2 btn-primary" data-dismiss="modal">保存</button>
              </div>
            </div>
          </div>
        </div>
        <div class="modal fade modal-slide show" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" style="display: block; padding-right: 16px;" data-select2-id="9" aria-modal="true">
          <div class="modal-dialog" role="document" data-select2-id="8">
            <div class="modal-content" data-select2-id="7">
              <div class="modal-header">
                <h5 class="modal-title" id="defaultModalLabel">条件过滤</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <i class="fe fe-x fe-12"></i>
                </button>
              </div>
              <div class="modal-body">
                <div class="p-2" data-select2-id="6">
                  <div class="form-group my-4" data-select2-id="5">
                    <p class="mb-2"><strong>Regions</strong></p>
                    <label for="multi-select2" class="sr-only"></label>
                    <select class="form-control select2-multi select2-hidden-accessible" id="multi-select2" data-select2-id="multi-select2" multiple="" tabindex="-1" aria-hidden="true">
                      <optgroup label="Mountain Time Zone" data-select2-id="13">
                        <option value="AZ" data-select2-id="2">Arizona</option>
                        <option value="CO" data-select2-id="14">Colorado</option>
                        <option value="ID" data-select2-id="15">Idaho</option>
                        <option value="MT" data-select2-id="16">Montana</option>
                        <option value="NE" data-select2-id="17">Nebraska</option>
                        <option value="NM" data-select2-id="18">New Mexico</option>
                        <option value="ND" data-select2-id="19">North Dakota</option>
                        <option value="UT" data-select2-id="20">Utah</option>
                        <option value="WY" data-select2-id="21">Wyoming</option>
                      </optgroup>
                      <optgroup label="Central Time Zone" data-select2-id="22">
                        <option value="AL" data-select2-id="23">Alabama</option>
                        <option value="AR" data-select2-id="24">Arkansas</option>
                        <option value="IL" data-select2-id="25">Illinois</option>
                        <option value="IA" data-select2-id="26">Iowa</option>
                        <option value="KS" data-select2-id="27">Kansas</option>
                        <option value="KY" data-select2-id="28">Kentucky</option>
                        <option value="LA" data-select2-id="29">Louisiana</option>
                        <option value="MN" data-select2-id="30">Minnesota</option>
                        <option value="MS" data-select2-id="31">Mississippi</option>
                        <option value="MO" data-select2-id="32">Missouri</option>
                        <option value="OK" data-select2-id="33">Oklahoma</option>
                        <option value="SD" data-select2-id="34">South Dakota</option>
                        <option value="TX" data-select2-id="35">Texas</option>
                        <option value="TN" data-select2-id="36">Tennessee</option>
                        <option value="WI" data-select2-id="37">Wisconsin</option>
                      </optgroup>
                    </select><span class="select2 select2-container select2-container--bootstrap4 select2-container--below" dir="ltr" data-select2-id="1" style="width: auto;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="false"><ul class="select2-selection__rendered"><li class="select2-selection__choice" title="Arizona" data-select2-id="40"><span class="select2-selection__choice__remove" role="presentation">×</span>Arizona</li><li class="select2-selection__choice" title="Idaho" data-select2-id="41"><span class="select2-selection__choice__remove" role="presentation">×</span>Idaho</li><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                  </div> <!-- form-group -->
                  <div class="form-group my-4">
                    <p class="mb-2">
                      <strong>Payment</strong>
                    </p>
                    <div class="custom-control custom-checkbox">
                      <input type="checkbox" class="custom-control-input" id="customCheck1">
                      <label class="custom-control-label" for="customCheck1">Paypal</label>
                    </div>
                    <div class="custom-control custom-checkbox">
                      <input type="checkbox" class="custom-control-input" id="customCheck2">
                      <label class="custom-control-label" for="customCheck2">Credit Card</label>
                    </div>
                    <div class="custom-control custom-checkbox">
                      <input type="checkbox" class="custom-control-input" id="customCheck1-1" checked="">
                      <label class="custom-control-label" for="customCheck1">Wire Transfer</label>
                    </div>
                  </div> <!-- form-group -->
                  <div class="form-group my-4">
                    <p class="mb-2">
                      <strong>Types</strong>
                    </p>
                    <div class="custom-control custom-radio">
                      <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
                      <label class="custom-control-label" for="customRadio1">End users</label>
                    </div>
                    <div class="custom-control custom-radio">
                      <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input" checked="">
                      <label class="custom-control-label" for="customRadio2">Whole Sales</label>
                    </div>
                  </div> <!-- form-group -->
                  <div class="form-group my-4">
                    <p class="mb-2">
                      <strong>Completed</strong>
                    </p>
                    <div class="custom-control custom-switch">
                      <input type="checkbox" class="custom-control-input" id="customSwitch1">
                      <label class="custom-control-label" for="customSwitch1">Include</label>
                    </div>
                  </div> <!-- form-group -->
                </div>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn mb-2 btn-primary btn-block">Apply</button>
                <button type="button" class="btn mb-2 btn-secondary btn-block">Reset</button>
              </div>
            </div>
          </div>
        </div>
      </main> <!-- main -->
    </div> <!-- .wrapper -->
    <script th:src="@{/dash/js/jquery.min.js}"></script>
    <script th:src="@{/dash/js/popper.min.js}"></script>
    <script th:src="@{/dash/js/moment.min.js}"></script>
    <script th:src="@{/dash/js/bootstrap.min.js}"></script>
    <script th:src="@{/dash/js/simplebar.min.js}"></script>
    <script th:src="@{/dash/js/daterangepicker.js}"></script>
    <script th:src="@{/dash/js/jquery.stickOnScroll.js}"></script>
    <script th:src="@{/dash/js/tinycolor-min.js}"></script>
    <script th:src="@{/dash/js/config.js}"></script>
    <script th:src="@{/dash/js/apps.js}"></script>

<!--    <script>-->
<!--      window.onload = function () {-->
<!--        var checkcart1 = document.getElementById('cartbag');-->
<!--        let res = 0-->
<!--        $.ajax({-->
<!--          type:'get',-->
<!--          url:"/cart/checkAmount",-->
<!--          async:false,-->
<!--          success:function(result){-->
<!--            console.log(result)-->
<!--            res = result-->
<!--            if (result>0){-->
<!--              var span = document.createElement('span'); //1、创建元素-->
<!--              //设置 span 属性，如 id-->
<!--              span.setAttribute("class", "dot dot-md bg-success");-->
<!--              var container = document.getElementById('cartbag'); //2、找到父级元素-->
<!--              container.appendChild(span); //3、在末尾中添加元素-->
<!--            }-->

<!--          }});-->

<!--      }-->
<!--    </script>-->
  </body>
</html>
